Estoy convirtiendo un componente React en Typescript (*.ts) de JS. Está dando el error debajo de "Tipo esperado". ¿Cómo arreglaría esto?
const SisenseDashboard = () => { const sisenseRef = React.useRef(null); return ( <> <Box display="flex" flexDirection="column" alignItems="center" marginBottom={2} > <h2>In-App Reporting</h2> </Box> <Box ref={sisenseRef} id="sisense-container" className="sisense-demo" ></Box> </> ); };Primero asegúrese de que la extensión del archivo de su componente sea .tsx . Entonces le gustaría decirle a TypeScript que su función es un componente funcional de React, con la ayuda del tipo FC de React:
import {FC} from "react"; const SisenseDashboard : FC = () => { const sisenseRef = React.useRef(null); return ( <> <Box display="flex" flexDirection="column" alignItems="center" marginBottom={2} > <h2>In-App Reporting</h2> </Box> <Box ref={sisenseRef} id="sisense-container" className="sisense-demo" ></Box> </> ); };